$(function () {
  const layer = layui.layer;
  const form = layui.form;
  initArtCateList();
  // 获取文章分类的列表
  function initArtCateList() {
    $.ajax({
      method: "GET",
      url: "/my/article/cates",
      success: function (res) {
        if (res.status !== 0) {
          return "获取列表失败";
        }
        // 获取列表成功之后，调用templateC)
        let htmlStr = template("tpl-table", res);
        $("tbody").html(htmlStr);
      },
    });
  }
  // 为添加类别按钮绑定点击事件
  var indexAdd = null;
  $("#addCate").on("click", function () {
    indexAdd = layer.open({
      type: 1,
      title: "添加文章分类",
      area: ["500px", "250px"],
      content: $("#dialog-add").html(),
    });
  });

  // 通过代理的形式，为 form-add 表单绑定 submit 事件
  $("body").on("submit", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/my/article/addcates",
      data: $("#formAdd").serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("新增文章分类失败！");
        }
        // 重新获取更新之后的文章分类
        initArtCateList();
        // 关闭弹窗之前，给一个提示信息 msg
        layer.msg("新增分类成功！");
        // 关闭弹窗,根据定义好的 indexAdd，通过close方法
        layer.close(indexAdd);
      },
    });
  });

  var indexEdit = null;
  $("tbody").on("click", ".btn-edit", function (e) {
    // 弹出一个修改文章分类信息的层
    indexEdit = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "修改文章分类",
      content: $("#dialog-edit").html(),
    });

    let id = $(this).attr("data-id");
    console.log(id);
    // 发起请求获取对应分类的数据
    $.ajax({
      method: "GET",
      url: `/my/article/cates/${id}`,
      success: function (res) {
        if (res.status == 0) {
          form.val("form-edit", res.data);
        }
      },
    });
  });

  $('body').on('submit', '#formEdit', function (e) {
    e.preventDefault()
    $.ajax({
      method: 'POST',
      url: '/my/article/updatecate',
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('编辑文章类别失败！请重新编辑')
        }
        // 关闭弹出框
        layer.close(indexEdit)
        layer.msg('编辑成功！')
        initArtCateList()
      }
    })
  })

  // 删除某条分类列别数据
  $('tbody').on('click', '.btn-delete', function () {
    let id = $(this).attr('data-id')
    layer.confirm('是否删除该条分类？', { icon: 3, title: '提示' }, function (index) {
      $.ajax({
        method: 'GET',
        url: `/my/article/deletecate/${id}`,
        success: function (res) {
          if (res.status !== 0) {
            return layer.msg('删除失败！请重新删除')
          }
          layer.msg('删除成功')
          initArtCateList()
        }
      })
      layer.close(index);
    });

  })
});
